<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ABOUT</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/news.css">
    <link rel="stylesheet" href="./css/about.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <section id="header">
            <div class="logo">
                <img src="./images/logo_02.png" alt="">
            </div>
            <div class="nav-items">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <a href="index.html" class="hover-show">HOME</a>
                </li>
                <li class="nav-item">
                    <a href="brand.html">走进尚典</a>
                    <a href="brand.html" class="hover-show">BRAND</a>
                </li>
                <li class="nav-item">
                    <a href="news.html">新闻动态</a>
                    <a href="news.html" class="hover-show">NEWS</a>
                </li>
                <li class="nav-item">
                    <a href="video.html">尚典视频</a>
                    <a href="video.html" class="hover-show">VIDEO</a>
                </li>
                <li class="nav-item">
                    <a href="product.html">产品中心</a>
                    <a href="product.html" class="hover-show">PRODUCT</a>
                </li>
                <li class="nav-item">
                    <a href="search.html">授权查询</a>
                    <a href="search.html" class="hover-show">SEARCH</a>
                </li>
                <li class="nav-item">
                    <a href="contact.html">联系我们</a>
                    <a href="contact.html" class="hover-show">CONTACT</a>
                </li>
            </div>
        </section>
    </header>

    <!-- 轮播图 -->
    <section id="banner2" class="autorow">
        <img src="./images/banner02_02.png" class="autorow" alt="">
    </section>

    <!-- 新闻资讯 -->
    <main id="news-main" class="row automargin flex">
        <aside id="news-aside" class="all-flex flex-d autoheight">
            <div class="fs24 aside-title center">新闻资讯</div>
            <ul class="aside-items">
                <li class="aside-item">
                    <a href="news.html" class="fs16 common-black">尙典动态</a>
                    <i class="fa fa-angle-right icon"></i>
                </li>
                <li class="aside-item">
                    <a href="#" class="fs16 common-black">行业动态</a>
                    <i class="fa fa-angle-right icon"></i>
                </li>
                <li class="aside-item">
                    <a href="#" class="fs16 common-black">媒体聚焦</a>
                    <i class="fa fa-angle-right icon"></i>
                </li>
            </ul>
        </aside>
        <section id="news-content" class="flex flex-d autoheight">
            <div class="news-content-header autorow all-flex">
                <div class="header-left all-flex">
                    <i class="fa fa-home home-icon common-ray" aria-hidden="true"></i>
                    <p class="fs18 common-ray fw">尙典动态</p>
                </div>

                <div class="header-right">
                    <p class="fs12 common-ray">当前位置：首页 >新闻资讯>尚典动态</p>
                </div>

                <div class="header-line autorow"></div>
            </div>
            <div class="news-article-main">
                <div class="news-article-title all-flex flex-d">
                    <h1 class="fs24 common-gray2">你还在抱怨？ 你还在担心？</h1>
                    <p class="fs12 common-gray">发表时间：2016-07-21</p>
                </div>
                <div class="news-article-content fs12 common-gray">
                    <div class="article-content-part1">
                        <p class="indent">
                            毫无悬念！尚典最具有特色、最瞩目！现场人气可想而知。尚典作为【原森系护理第一品牌】，以其独特清新的包装最新创新科技产品以及完美的护肤体验吸引了众多现场客户的亲睐。
                        </p>
                        <p class="indent">
                            在美博会三天尚典品牌展位上都是高朋满座，各代理商，加盟商更是对萃森产品赞不绝口。特别是尚典最新推出的特色微商新品，更是让客户们爱不释手，并直接在展会上付定金，达成签约。
                        </p>
                    </div>
                    <div class="article-content-part2 autorow">
                        <img class="autorow" src="./images/news-about01_03.png" alt="">
                    </div>
                    <div class="article-content-part3 indent">
                        <p> 毫无悬念！尚典最具有特色、最瞩目！现场人气可想而知。尚典作为【原森系护理第一品牌】，以其独特清新的包装，
                            最新创新科技产品以及完美的护肤体验吸引了众多现场客户的亲睐。在美博会三天尚典品牌展位上都是高朋满座，各代理商，加盟商更是对萃森产品赞不绝口。
                        </p>
                        <p>
                            特别是尚典最新推出的特色微商新品，更是让客户们爱不释手，并直接在展会上付定金，达成签约。
                        </p>
                    </div>
                    <div class="article-content-part4 autorow">
                        <img class="autorow" src="./images/news-about02_03.png" alt="">
                    </div>

                </div>
                <div class="article-share">
                    <img class="autorow" src="./images/share_03.png" alt="">
                </div>
                <div class="article-other flex">
                    <div class="article-after fs12 common-gray">上一篇：尚典的理念</div>
                    <div class="article-before fs12 common-gray">下一篇：尚典的起源</div>
                </div>
            </div>
        </section>
    </main>

    <!-- footer -->
    <footer>
        <section id="footer">
            <img src="./images/footer-logo_03.png" alt="" class="footer-logo">
            <div class="footer-line"></div>
            <div class="navigation">
                <h4>导航 NAVIGATION</h4>
                <ul class="navigation-items">
                    <li class="navigation-item">网站首页</li>
                    <li class="navigation-item">走进尚典</li>
                    <li class="navigation-item">新闻动态</li>
                    <li class="navigation-item">尚典视频</li>
                    <li class="navigation-item">产品中心</li>
                    <li class="navigation-item">授权查询</li>
                    <li class="navigation-item">联系我们</li>
                </ul>
            </div>
            <div class="footer-line"></div>
            <div class="contact">
                <h4>联系 CONTACT</h4>
                <ul class="contact-items">
                    <li class="contact-item">
                        地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502
                    </li>
                    <li class="contact-item">
                        联系电话：400-1886-1345
                    </li>
                    <li class="contact-item">
                        邮箱：203841290@qq.com
                    </li>
                    <li class="contact-item">
                        香港闻名生物有限公司版权所有 粤ICP备0754673
                    </li>
                </ul>
            </div>
            <div class="footer-line"></div>
            <img src="./images/2wei_03.png" alt="">
        </section>
    </footer>
</body>

</html>